new Vue({
	el:"#app",
	data:{
		
	},
	mounted:function(){
		var _this = this;
		_this.Swiper($(document).width())
	},
	methods:{
		Swiper: function(width) {
			var slidesPerView = 3;
			if(width>=750){
				slidesPerView = 6
			}
			var galleryTop = new Swiper('.gallery-top', {
				spaceBetween: 0,
				loop: true,
				loopedSlides: 5, //looped slides should be the same
				navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
				},
			});
			var galleryThumbs = new Swiper('.gallery-thumbs', {
				spaceBetween: 10,
				slidesPerView: slidesPerView,
				touchRatio: 0.2,
				loop: true,
				loopedSlides: 5, //looped slides should be the same
				slideToClickedSlide: true,
			});
			galleryTop.controller.control = galleryThumbs;
			galleryThumbs.controller.control = galleryTop;
		}
	}
})
